<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/index.css" />

</head>

<body>
	<div class="mask">
		<div class="load-out">
			<span id="loading">100</span>
			<div class="load-in">
			</div>
		</div>
	</div>

	<img src="./img/page1/audio.png" class="audio">
	<div class="page page0">
		<div class="title-wrap_p0">
			<img src="./img/page1/title.png" class="tit_p0">

		</div>


	</div>

	<div class="page page1">
		<div class="sky"></div>
		<div class="main"></div>
		<div class="bottom-left"></div>
		<div class="title-wrap">
			<img src="./img/page1/title.png" class="tit">
		</div>
		<img src="./img/page1/page1_btn.png" class="btn btn_p1">
	</div>

	<div class="page page2">
		<!-- <img src="./img/page2/txt1_page2.png" class="txt1_p2" alt=""> -->
		<!-- <div class="left_top_p2"></div>
			<div class="right_top_p2"></div>
			<div class="top_p2"></div>
			<div class="bottom_p2">
				<img src="./img/page2/brid.png">
			</div> -->
		<!-- <div class="p_p2">
				逆疫而行，你留下山一样背影
			</div> -->
		<!-- <div class="photo"></div> -->

		<img src="./img/page2/left-t.png" class="photo img1">
		<img src="./img/page2/left-b.png" class="photo img2">
		<img src="./img/page2/right-t.png" class="photo img3">
		<img src="./img/page2/right-c.png" class="photo img4">
		<img src="./img/page2/right-b.png" class="photo img5">
		<img src="./img/page2/page2_btn.png" class="btn_p2" id="btn_p2">

	</div>

	<div class="page page3">
		<img src="./img/page3/txt.png" class="txt1_p3 scale-ani" alt="">
		<div class="finger_wrap_p3">
			<img src="./img/page3/finger.png" alt="" class="finger scale-ani">
		</div>
		<img src="./img/page3/btn_p3.png" class="btn_p2" id="btn_p3">
		<textarea name="" id="" cols="24" rows="4" maxlength="50" class="textarea">万众一心,像坚固的城堡一样不可摧毁,我们大家一起加油!</textarea>
	</div>

	<script type="text/javascript" src="js/index.js"></script>
</body>

</html>